<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<include file="_layout/mall.head.html" />
</head>
<body class="body-fixed">
	<div class="container">
		<div class="content">
			<div class="content-body">
				<if condition="$show_watch_weixin">
				<include file="_layout/mall.subscribe.html" />
				</if>
				<include file="_layout/mall.search.html" />
				<notempty name="topbanners">
				 <div class="scale_wh scale_4_3">
			         <div class="scale_content">
			         	<div class="js-banner swiper-container">
							<div class="swiper-wrapper">
								<foreach name="topbanners" item="item">
								<div class="swiper-slide"><a href="{$item.url|default='javascript:;'}"><img src="{$item.img_url}"></a></div>
								</foreach>
					  		</div>
					  		<div class="pagination rectangle"></div>
						</div>
			         </div>
		      	</div>
				</notempty>
				<section class="table-nav">
					<table>
			            <tr>
                            <td><a href="/h5/list?tag_id=baoyou" class="hot"><img src="__CDN__/img/mall/tag_changshangzhigong.png"/><p>包邮专区</p></a></td>
			                <td><a href="/h5/list?tag_id=10013"><img src="__CDN__/img/mall/tag_10013.jpg"/><p>手机周边</p></a></td>
			                <td><a href="/h5/list?tag_id=10005"><img src="__CDN__/img/mall/tag_watch.png"/><p>手表专区</p></a></td>
			                <td><a href="/h5/list?tag_id=10015"><img src="__CDN__/img/mall/tag_jinkou.jpg"/><p>海外进口</p></a></td>
			            </tr>
						<tr>
							<td><a href="/h5/list?tag_id=10006"><img src="__CDN__/img/mall/tag_muying.png"/><p>母婴专区</p></a></td>				
							<td><a href="/h5/list?tag_id=10008"><img src="__CDN__/img/mall/tag_car.png"/><p>汽车用品</p></a></td>
							<td><a href="/h5/list?tag_id=10007"><img src="__CDN__/img/mall/tag_huoji.png"/><p>火机专区</p></a></td>
						    <td><a href="/h5/category" class="new"><img src="__CDN__/img/mall/icon_category.png"/><p>分类</p></a></td>
                        </tr>
					</table>
				</section>
				<div class="split-line"></div>
                <include file="_layout/mall.news.html" />
                <div class="split-line"></div>
                <!-- 
				<section class="horizontal-view">
                    <div style="width:40%;">
                        <a href="javascript:toast.show('敬请期待');">
                            <img src="__CDN__/img/mall/zhuanpan.jpg" style="width:100%">
                        </a>
                    </div>
                    <div class="v-line"></div>
                    <div class="vertical-view" style="width:60%">
                        <div>
                            <a href="/h5/list?tag_id=jinribaokuan">
                                <img src="__CDN__/img/mall/sale_hot.jpg" style="width:100%">
                            </a>
                        </div>
                        <div class="h-line"></div>
                        <div class="horizontal-view">
                            <div style="width: 50%;">
                                <a class="js-lxkf" data-type="2">
                                    <img src="__CDN__/img/mall/operation_zone2.jpg" style="width:100%">
                                </a>
                            </div>
                            <div class="v-line"></div>
                            <div style="width: 50%">
                                <a class="js-lxkf" data-type="3">
                                    <img src="__CDN__/img/mall/operation_zone3.jpg" style="width:100%">
                                </a>
                            </div>
                        </div>
                    </div>
                </section>
                 -->
                <section class="clearfix">
                	<a href="http://mp.weixin.qq.com/s?__biz=MzI0NTQ3NzM2Ng==&mid=100004787&idx=1&sn=cf78c5f8fc9bd47bbafa73295f68d5bb&chksm=694ca92a5e3b203c67ac6ff97bb4c607e71f1994f4053ebbe6890d80e3b348d7c44cf312bcc9#rd" style="width:33.33%;display:inline-block;float:left">
                        <img src="__CDN__/img/mall/operation_zone3.jpg" style="width:100%">
                    </a>
                    <a href="/h5/list?tag_id=jinribaokuan" style="width:33.33%;display:inline-block;float:left">
                        <img src="__CDN__/img/mall/operation_zone1.jpg" style="width:100%">
                    </a>
                    <a class="js-lxkf" href="javascript:;" data-type="2" style="width:33.33%;display:inline-block;float:left">
                        <img src="__CDN__/img/mall/operation_zone2.jpg" style="width:100%">
                    </a>
                </section>
                <div class="split-line"></div>
                <if condition="count($bottombanners) gt 0">
				<!-- 底部大图广告 -->
				<section class="bottom-banner">
				<foreach name="bottombanners" item="item">
					<a href="{$item.url|default='javascript:;'}" class="scale_content">
			         	<img src="{$item.img_url}">
			        </a>
				</foreach>
				</section>
                <div class="split-line"></div>
				</if>
				<!--商品列表-->
				<section>
                    <div class="hr-text"><div class="text">猜你喜欢</div></div>
					<ul class="js-goods-list sc-goods-list pic clearfix size-2">
						<li><div class="empty-list list-finished"><p class="font-size-12">正在加载中...</p></div></li>
					</ul>
				</section>
			</div>
		</div>
		<include file="_layout/mall.copyright.html" />
	</div>
	<include file="_layout/mall.footer.html" />
	
	<script type="text/javascript">
    require(['goods_list'], function(gv){
        gv.start({
            url: '/h5/mall/like',
            container: '.js-goods-list',
        });
    });
    
    <if condition="count($topbanners) gt 1">
	require(['swiper'], function(){
		var mySwiper = new Swiper('.js-banner',{
            autoplay : 5000,
            loop : true,
            autoplayDisableOnInteraction : true,
            <if condition="count($topbanners) lt 8">pagination : '.js-banner .pagination'</if>
		});
	});
	</if>
	
    require(['module/cart/num', 'search']);
</script>
</body>
</html>